﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="configuration_system_dateTime" Codebehind="dateTime.aspx.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<style type="text/css">
<!--
Body,select,input{
	cursor: default;
	font-size:12px;
}
.IntialStyle{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #000000;

}
.SelectStyle{

}
.DateMouseOver {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #FFFFFF;
}
.DateStyle {
	cursor: pointer;
	border: 1px solid buttonface;
}
-->
</style>
</head>
<body>

<div align="center">
  <table border="0" cellspacing="3" cellpadding="2" width="100%">
   <form name="form1"> <tr>
      <td colspan="11" nowrap><div align="left">
        <select onchange="ChangeDateNum();" name="YearList">
          <option value="1960">1960年</option>
          <option value="1961">1961年</option>
          <option value="1962">1962年</option>
          <option value="1963">1963年</option>
          <option value="1964">1964年</option>
          <option value="1965">1965年</option>
          <option value="1966">1967年</option>
          <option value="1967">1967年</option>
          <option value="1968">1968年</option>
          <option value="1969">1969年</option>
          <option value="1970">1970年</option>
          <option value="1971">1971年</option>
          <option value="1972">1972年</option>
          <option value="1973">1973年</option>
          <option value="1974">1974年</option>
          <option value="1975">1975年</option>
          <option value="1976">1976年</option>
          <option value="1977">1977年</option>
          <option value="1978">1978年</option>
          <option value="1979">1979年</option>
          <option value="1980">1980年</option>
          <option value="1981">1981年</option>
          <option value="1982">1982年</option>
          <option value="1983">1983年</option>
          <option value="1984">1984年</option>
          <option value="1985">1985年</option>
          <option value="1986">1986年</option>
          <option value="1987">1988年</option>
          <option value="1980">1989年</option>
          <option value="1990">1990年</option>
          <option value="1991">1991年</option>
          <option value="1992">1992年</option>
          <option value="1993">1993年</option>
          <option value="1994">1994年</option>
          <option value="1995">1995年</option>
          <option value="1996">1996年</option>
          <option value="1997">1997年</option>
          <option value="1998">1998年</option>
          <option value="1999">1999年</option>
          <option value="2000">2000年</option>
          <option value="2001">2001年</option>
          <option value="2002">2002年</option>
          <option value="2003">2003年</option>
          <option value="2004">2004年</option>
          <option value="2005">2005年</option>
          <option value="2006">2006年</option>
          <option value="2007">2007年</option>
          <option value="2008">2008年</option>
          <option value="2009">2009年</option>
          <option value="2010">2010年</option>
          <option value="2011">2011年</option>
          <option value="2012">2012年</option>
          <option value="2013">2013年</option>
          <option value="2014">2014年</option>
          <option value="2015">2015年</option>
          <option value="2016">2016年</option>
          <option value="2017">2017年</option>
          <option value="2018">2018年</option>
        </select>
        <select onchange="ChangeDateNum();" name="MonthList">
          <option value="01">一月</option>
          <option value="02">二月</option>
          <option value="03">三月</option>
          <option value="04">四月</option>
          <option value="05">五月</option>
          <option value="06">六月</option>
          <option value="07">七月</option>
          <option value="08">八月</option>
          <option value="09">九月</option>
          <option value="10">十月</option>
          <option value="11">十一月</option>
          <option value="12">十二月</option>
        </select>
        &nbsp;
        <input type="button" id="TimeInput" name="TimeInput" onclick="TimeClick('1');" />
        &nbsp;
        <input type="button" id="Button1" onclick="TimeClick('0');" value="选择日期" />
        </font>
        <span onclick="SetEmpty();" style="cursor:hand;color:red;">清空</span></div></td>
    </tr>
    <tr>
      <td  align="center" class="DateStyle">1</td>
      <td  align="center" class="DateStyle">2</td>
      <td  align="center" class="DateStyle">3</td>
      <td  align="center" class="DateStyle">4</td>
      <td  align="center" class="DateStyle">5</td>
      <td  align="center" class="DateStyle">6</td>
      <td  align="center" class="DateStyle">7</td>
      <td  align="center" class="DateStyle">8</td>
      <td  align="center" class="DateStyle">9</td>
      <td  align="center" class="DateStyle">10</td>
      <td  align="center" class="DateStyle">11</td>
    </tr>
    <tr>
      <td align="center" class="DateStyle">12</td>
      <td align="center" class="DateStyle">13</td>
      <td align="center" class="DateStyle">14</td>
      <td align="center" class="DateStyle">15</td>
      <td align="center" class="DateStyle">16</td>
      <td align="center" class="DateStyle">17</td>
      <td align="center" class="DateStyle">18</td>
      <td align="center" class="DateStyle">19</td>
      <td align="center" class="DateStyle">20</td>
      <td align="center" class="DateStyle">21</td>
      <td align="center" class="DateStyle">22</td>
    </tr>
    <tr>
      <td align="center" class="DateStyle">23</td>
      <td align="center" class="DateStyle">24</td>
      <td align="center" class="DateStyle">25</td>
      <td align="center" class="DateStyle">26</td>
      <td align="center" class="DateStyle">27</td>
      <td align="center" class="DateStyle">28</td>
      <td id="Date29" align="center" class="DateStyle">29</td>
      <td id="Date30" align="center" class="DateStyle">30</td>
      <td id="Date31" align="center" class="DateStyle">31</td>
      <td align="center">&nbsp;</td>
      <td align="center">&nbsp;</td>
    </tr>
    </form>
  </table>
</div>
</body>
</html>
<script language="JavaScript">
var bInitialized = false;
var AlreadySelectDate='';
window.setInterval('SetTimeInput();',1000);
function document.onreadystatechange()
{
	if (document.readyState!="complete") return;
	if (bInitialized) return;
	bInitialized = true;
	var i,Curr;
	for (i=0; i<document.body.all.length;i++)
	{
		Curr=document.body.all[i];
		if (Curr.className == "DateStyle") InitBtn(Curr);
	}
	var NowDate,YearStr,MonthStr,DateStr;
	NowDate=new Date();
	YearStr=NowDate.getYear();
	MonthStr=NowDate.getMonth()+1;
	DateStr=NowDate.getDate();
	SelectOption(document.all.YearList,YearStr);
	SelectOption(document.all.MonthList,MonthStr);
	SelectDate(DateStr);
	AlreadySelectDate=DateStr;
	SetTimeInput();
	ChangeDateNum();
}
function SetTimeInput()
{
	var NowDate=new Date();
	var MinuteStr= new String(NowDate.getMinutes());
	if (MinuteStr.length==1) MinuteStr='0'+MinuteStr;
	var SecondStr=new String(NowDate.getSeconds());
	if (SecondStr.length==1) SecondStr='0'+SecondStr;
	var TimeStr=NowDate.getHours()+':'+MinuteStr+':'+SecondStr;
	document.all.TimeInput.value=TimeStr;
}
function InitBtn(btn) 
{
	btn.onmouseover = BtnMouseOver;
	btn.onmouseout = BtnMouseOut;
	btn.onmousedown = BtnMouseDown;
	btn.onmouseup = BtnMouseOut;
	btn.onclick=DateClick;
	btn.ondblclick=DateDblClick;
	btn.disabled=false;
	return true;
}
function BtnMouseOver() 
{
	var image = event.srcElement;
	image.className = "DateMouseOver";
	event.cancelBubble = true;
}
function BtnMouseOut() 
{
	var image = event.srcElement;
	image.className = "DateStyle";
	event.cancelBubble = true;
}
function BtnMouseDown() 
{
	var image = event.srcElement;
	image.className = "IntialStyle";
	event.cancelBubble = true;
	event.returnValue=false;
	return false;
}
function SelectOption(SelectObj,Val)
{
	for (var i=0;i<SelectObj.options.length;i++)
	{
		if (SelectObj.options(i).value==Val) SelectObj.options(i).selected=true;
	}
}
function SelectDate(Val)
{
	for(var i=0;i<document.all.length;i++)
	{
		if (document.all(i).innerText==Val)
		{
			//document.all(i).className='IntialStyle';
			document.all(i).bgColor='highlight';
			document.all(i).style.color='white';
		}
	}
}
function DateClick()
{
	AlreadySelectDate=event.srcElement.innerText;
	for (var i=0;i<document.all.length;i++)
	{
		document.all(i).bgColor='';
		document.all(i).style.color='Black';
	}
	event.srcElement.bgColor='highlight';
	event.srcElement.style.color='white';
}
function DateDblClick()
{
	var TempDateStr='';
	TempDateStr=event.srcElement.innerText;
	if (TempDateStr.length==1) TempDateStr='0'+TempDateStr;
	window.returnValue=document.all.YearList.value+'-'+document.all.MonthList.value+'-'+TempDateStr;
	window.close();
}
function TimeClick(value)
{
	if(value=="1")
	{
	    var obj=document.all.YearList.value+'-'+document.all.MonthList.value+'-'+AlreadySelectDate+' '+document.all.TimeInput.value;
	}
	else
	{
	    var obj=document.all.YearList.value+'-'+document.all.MonthList.value+'-'+AlreadySelectDate;
	}
	parent.ReturnFun(obj);
//	
//	var TempDateStr='';
//	TempDateStr=AlreadySelectDate;
//	if (TempDateStr.length==1) TempDateStr='0'+TempDateStr;
//	window.returnValue=document.all.YearList.value+'-'+document.all.MonthList.value+'-'+AlreadySelectDate+' '+document.all.TimeInput.innerText;
//	window.close();
}
//window.onunload=CheckReturnValue;
function CheckReturnValue()
{
	if (typeof(window.returnValue)!='string') window.returnValue='007007007007';
}
function SetEmpty()
{
    parent.ReturnFun('');
}
function ChangeDateNum()
{
	var YearStr=document.all.YearList.value;
	var MonthStr=document.all.MonthList.value;
	var DateNumber=GetDayNum(YearStr,MonthStr);
	switch (DateNumber)
	{
		case 31:
			document.all.Date29.style.display='';
			document.all.Date30.style.display='';
			document.all.Date31.style.display='';
			break;
		case 30:
			document.all.Date29.style.display='';
			document.all.Date30.style.display='';
			document.all.Date31.style.display='none';
			break;
		case 29:
			document.all.Date29.style.display='';
			document.all.Date30.style.display='none';
			document.all.Date31.style.display='none';
			break;
		case 28:
			document.all.Date29.style.display='none';
			document.all.Date30.style.display='none';
			document.all.Date31.style.display='none';
			break;
		default :
			document.all.Date29.style.display='none';
			document.all.Date30.style.display='none';
			document.all.Date31.style.display='none';
	}
}
function GetDayNum(YearVar, MonthVar)
{
    var Temp,LeapYear,i,BigMonth;
    var BigMonthArray=new Array('01','03','05','07','08','10','12');
    YearVar=parseInt(YearVar);
    //MonthVar=parseInt(MonthVar);
    Temp=parseInt(YearVar/4);
    if (YearVar==Temp*4) LeapYear=true;
    else LeapYear = false
    for(i=0;i<BigMonthArray.length;i++)
	{
        if (MonthVar==BigMonthArray[i])
		{
			BigMonth=true;
            break;
		}
        else BigMonth=false;
    }
    if (BigMonth==true) return 31;
    else
	{
        if (MonthVar==2)
		{
            if (LeapYear==true) return 29;
            else return 28;
		}
        else  return 30;
    }
}
</script>